<template>
	<view class="Details" v-if="list.num">
		<view class="DetailsShop">
			<view class="DetailsShopTop">
				<view class="DetailsShopTopLeft">
					<image :src="list.goods.img" mode="aspectFill"></image>
				</view>
				<view class="DetailsShopTopRight">
					<view>{{list.goods.name}}</view>
					<view>序列号：{{list.goods.goods_num || ''}}</view>
					<view>x{{list.num}}</view>
				</view>
			</view>
			<view class="tabaddd_top">
				<text :class="order_type == 1?'textColor':''">到店取货</text>
				<text :class="order_type == 2?'textColor':''">邮寄发货</text>
			</view>
			<view class="shopJia" v-if="order_type == 1">
				<view class="shopJiaLeft" v-if="list.shop">
					<view>
						<view>
							<image src="https://www.kmdj2018.com/Uploads/zfb/shop01.png" mode="aspectFit"></image>
							{{list.shop.name}}
						</view>
						<text v-if="status == 2 || status == 3 || status == 7|| status == 4|| status == 6"
							:style="(status == 3 || status == 7) && (list.statustwo ==1 || list.statustwo ==2) ?'opacity: 0;':''"
							@click="getpoptwo">取货码</text>
					</view>
					<view>
						<image src="https://www.kmdj2018.com/Uploads/zfb/shop02.png" mode="aspectFit"></image>
						<text>{{list.shop.pro_name}}{{list.shop.city_name}}{{list.shop.area_name}}{{list.shop.add_ress}}</text>
					</view>
					<view>
						<image src="https://www.kmdj2018.com/Uploads/zfb/shop03.png" mode="aspectFit"></image>
						<text>{{list.shop.phone}}</text>
					</view>
				</view>
				<view class="shopJiaRight">

				</view>
			</view>
			<view class="tabaddd_address" v-else>
				<view class="tabaddd_address_null" v-if="!list.add_ress">
					<!-- @click="getnav('/pages/addlist/addlist')" -->
					<view class="tabaddd_address_null_img">
						<image src="https://www.kmdj2018.com/Uploads/zfb/shop02.png" mode="aspectFit"></image>
					</view>
					<view class="tabaddd_address_null_text">
						暂无 <text>（请选择收货地址）</text>
					</view>
					<view class="tabaddd_address_null_img">
						<image src="https://www.kmdj2018.com/Uploads/zfb/right.png" mode="aspectFit"></image>
					</view>
				</view>
				<!-- @click="getnav('/pages/addlist/addlist')" -->
				<view class="tabaddd_address_res" v-else>
					<view class="tabaddd_address_null_img">
						<image src="https://www.kmdj2018.com/Uploads/zfb/shop02.png" mode="aspectFit"></image>
					</view>
					<view class="tabaddd_address_null_text">
						<view class="addlisttop">
							<view class="addlisttop_text">
								<view class="addlisttop_left">
									姓名：{{list.add_ress.name}}
								</view>
								<view class="addlisttop_right">
									联系电话：{{list.add_ress.phone}}
								</view>
							</view>
							<view class="addlisttop_address">
								收货地址：{{list.add_ress.pro_name}}{{list.add_ress.city_name}}{{list.add_ress.area_name}}{{list.add_ress.add_ress}}
							</view>
						</view>
					</view>
					<view class="tabaddd_address_null_img">
						<image src="https://www.kmdj2018.com/Uploads/zfb/right.png" mode="aspectFit"></image>
					</view>
				</view>
			</view>
		</view>
		<!-- 文字 -->
		<!-- <view class="allinfo">
			<view class="allinfo_title">
				基本信息
			</view>
			<view class="allinfo_for">
				<view>姓名</view>
				<input type="text" placeholder="请输入您的姓名" placeholder-style="font-size: 28rpx;">
			</view>
			<view class="allinfo_for">
				<view>手机号</view>
				<input type="text" placeholder="+86" placeholder-style="font-size: 28rpx;">
			</view>
			<view class="allinfo_for">
				<view>身份证号码</view>
				<input type="text" placeholder="请输入您的身份证号码" placeholder-style="font-size: 28rpx;">
			</view>
		</view> 
		<view class="allinfo">
			<view class="allinfo_title">
				个人材料
			</view>
			<view class="allinfo_imgfor">
				<view>身份证（人像面）</view>
				<image src="../../static/原img/logo.png" mode=""></image>
			</view>
			<view class="allinfo_imgfor">
				<view>身份证（国徽面）</view>
				<image src="../../static/原img/logo.png" mode=""></image>
			</view>
		</view>-->
		<!-- <view class="DetailsTime" v-if="status == 1 && list.statustwo ==3">
			<view class="DetailsTimeTiele">
				选择期限
			</view>
			<view class="DetailsTimeNum">
				<view>
					单期期限：{{list.goods.day}}天 <text> | </text> 最少期数：{{list.goods.small_day}}期
				</view>
				<view>
					<lxc-count @handleCount="handleCountClick" :min="Number(list.goods.small_day)" :value="value"
						:delayed="100">
					</lxc-count>
				</view>
			</view>
			<view class="DetailsTimePrice">
				租金总额：<text>￥{{list.goods.price*value*list.num}}</text>
			</view>
		</view> -->
		<view class="DetailsB"
			v-if="(status==1||status==2||status==3|| status == 7|| status == -1|| status == 4 || status == 6|| status == 5|| status == 9) && list.statustwo == 3">
			<view class="DetailsBFlex">
				<view class="fontW">
					租赁期限
				</view>
				<view>
					单期期限：{{list.goods.day}}天 | {{list.periods}}期
				</view>
			</view>
		</view>
		<view class="DetailsYa" v-if="list.statustwo != 2 && status == 7">
			<view class="DetailsYaTiele">
				<view>
					押金
					<image src="https://www.kmdj2018.com/Uploads/zfb/wenhao.png" mode="aspectFit"
						@click="getnav('/pages/etailedArticle/etailedArticle','押金介绍')"></image>
				</view>
				<view class="DetailsYaTielecolor" v-if="list.statustwo != 2 && status == 7">
					已归还
				</view>
			</view>
			<!-- <view class="DetailsYaFlex">
				<view>
					<image src="https://www.kmdj2018.com/Uploads/zfb/zmf.png" mode="aspectFit"></image>
					芝麻分{{list.goods.dit}}分以上可享受免押金
				</view>
				<view>
					{{parseFloat(list.deposit) > 0?'￥'+ list.goods.deposit:'免押金'}}
				</view>
			</view> -->
		</view>
		<view class="DetailsFeiStatus2" v-if="list.statustwo == 1 && (status == 1 || status == 2)">
			<view class="DetailsFeiStatus2Tiele">
				<view>
					<view>首期付款金额</view>
					<view>{{timeShijianall(list.add_time*1000)}}</view>
				</view>
				<view>￥{{list.down_price}}</view>
			</view>
			<view class="DetailsFeiStatus2Flex">
				<view>
					剩余租期
				</view>
				<view>
					￥{{list.goods.dan_price*list.num}}元*{{Number(list.goods.zuday/30)-1}}期
				</view>
			</view>
			<view class="DetailsFeiStatus2Flex">
				<view>
					租金总额
				</view>
				<view>
					￥{{Number(list.goods.dan_price*list.num)*(Number(list.goods.zuday/30))}}
				</view>
			</view>
			<view class="DetailsFeiStatus2Flex">
				<view>
					押金
				</view>
				<view>
					{{parseFloat(list.deposit) > 0?'￥'+ list.goods.deposit:'免押金'}}
				</view>
			</view>
		</view>
		<view class="DetailsB"
			v-if="(status==2 ||status==3|| status == 7|| status == -1|| status == 4|| status == 6|| status == 5) && list.statustwo != 2">
			<view class="DetailsBFlex">
				<view class="fontW">
					推荐人手机号
				</view>
				<view>
					{{list.tuijian_phone||''}}
				</view>
			</view>
		</view>
		<view class="DetailsFei" v-if="(status == 1|| status == -1 || status == 9) && list.statustwo == 3">
			<view class="DetailsFeiTiele">
				费用明细
			</view>
			<view class="DetailsFeiFlex">
				<view>
					租赁费（下期续费{{list.goods.price*list.num}}元）
				</view>
				<view>
					￥{{list.goods.price*list.num}}元/期
				</view>
			</view>
			<view class="DetailsFeiFlex">
				<view>
					押金
				</view>
				<view>
					￥{{list.goods.deposit}}
				</view>
			</view>
			<view class="DetailsFeiFlex colorRed">
				<view>
					合计
				</view>
				<view>
					￥{{Number(list.goods.price*value*list.num) + Number(list.goods.deposit)}}
				</view>
			</view>
		</view>
		<view class="DetailsPhone" v-if="status == 1 && list.statustwo != 2">
			<view class="DetailsPhoneTiele">
				填写推荐人手机号
			</view>
			<view class="DetailsPhoneInput">
				<input type="text" placeholder="如无推荐人可不填" placeholder-style="font-size: 28rpx;color: #999999;"
					v-model="phone" />
			</view>
		</view>
		<view class="DetailsB" v-if="list.statustwo==2 && (status == 2 || status == 4 || status == 3 || status == 1)">
			<view class="DetailsBFlex">
				<view>
					金额
				</view>
				<view style="color: #F23D0E;">
					{{list.goods.zong_price*list.num}}
				</view>
			</view>
		</view>
		<view class="DetailsB">
			<view class="DetailsBFlex">
				<view>
					订单编号
				</view>
				<view>
					{{list.orderno}}
				</view>
			</view>
			<view class="DetailsBFlex">
				<view>
					创建时间
				</view>
				<view>
					{{timeShijianall(list.add_time*1000)}}
				</view>
			</view>
			<view class="DetailsBFlex" v-if="status == 3 || status == 7 || status == 9">
				<view>
					起租日
				</view>
				<view>
					{{timeShijianall(list.add_time*1000)}}
				</view>
			</view>
			<view class="DetailsBFlex" v-if="status == 3 || status == 9">
				<view>
					预计归还日
				</view>
				<view>
					{{timeShijianall(list.yuend_time*1000)}}
				</view>
			</view>
			<view class="DetailsBFlex" v-if="status == 7 && list.statustwo != 2">
				<view>
					归还时间
				</view>
				<view>
					{{timeShijianall(list.end_time*1000)}}
				</view>
			</view>
		</view>
		<view class="DetailsFeiStatus2"
			v-if="(status == 2|| status == 4|| status == 6|| status == 5) && list.statustwo == 3">
			<view class="DetailsFeiStatus2Tiele">
				<view>
					<view>首期付款金额</view>
					<view>{{timeShijianall(list.add_time*1000)}}</view>
				</view>
				<view>￥{{list.down_price}}</view>
			</view>
			<view class="DetailsFeiStatus2Flex">
				<view>
					剩余租期
				</view>
				<view>
					￥{{list.goods.price*list.num}}元*{{Number(list.periods)-1}}期
				</view>
			</view>
			<view class="DetailsFeiStatus2Flex">
				<view>
					租金总额
				</view>
				<view>
					￥{{Number(list.goods.price*list.num)*(Number(list.periods))}}
				</view>
			</view>
			<view class="DetailsFeiStatus2Flex">
				<view>
					押金
				</view>
				<view>
					{{parseFloat(list.deposit) > 0?'￥'+ list.goods.deposit:'免押金'}}
				</view>
			</view>
		</view>
		<view class="DetailsFeiStatus3" v-if="(status == 3|| status == 7|| status == 9) && list.statustwo!=2">
			<view class="DetailsFeiStatus3Tiele">
				<view>
					<view>首期付款金额</view>
					<view>{{timeShijianall(list.add_time*1000)}}</view>
				</view>
				<view>￥{{list.down_price}}</view>
			</view>
			<view class="DetailsFeiStatus3for" v-for="(item,key) in list.order_price" :key="key" v-if="key>0">
				<view>
					<view>{{key+1}}期付款金额</view>
				</view>
				<view class="DetailsFeiStatus3forf">
					<view>
						预定付款日期 <text>{{timeShijianall(item.sta_time*1000)}}</text>
					</view>
					<view>{{item.status==3?'已逾期':`￥`+item.price}}</view>
				</view>
				<view class="DetailsFeiStatus3fort" v-if="item.end_time">
					实际偿还时间 <text>{{timeShijianall(item.end_time*1000)}}</text>
				</view>
			</view>
			<view class="DetailsFeiStatus3Flex" v-if="status == 3|| status == 9">
				<view>
					剩余租期
				</view>
				<view>
					{{list.order_price.length-fulist.length}}期
				</view>
			</view>
			<view class="DetailsFeiStatus3Flex">
				<view>
					押金总额
				</view>
				<view>
					￥{{list.goods.deposit}}
				</view>
			</view>
			<view class="DetailsFeiStatus3Flex">
				<view>
					押金
				</view>
				<view>
					{{parseFloat(list.deposit) > 0?'￥'+ list.goods.deposit:'免押金'}}
				</view>
			</view>
		</view>
		<view class="DetailsB" v-if="status==3 && yuqilist.length>0">
			<view class="DetailsBFlex">
				<view class="fontW">
					逾期期数
				</view>
				<view>
					{{yuqilist.length}}期
				</view>
			</view>
			<view class="DetailsBFlex">
				<view class="fontW">
					逾期金额
				</view>
				<view>
					￥{{list.down_price*yuqilist.length}}
				</view>
			</view>
		</view>
		<view class="DetailsXieYi" v-if="status == 1 && list.statustwo == 3">
			<view :class="agree_type?'backRed':''" @click="agree_type = !agree_type"></view>
			同意
			<text @click="getnav('/pages/etailedArticle/etailedArticle','自动扣费')">《自动扣费协议》</text>
			，到期自动续费
			<image src="https://www.kmdj2018.com/Uploads/zfb/wenhao.png" mode="aspectFit"></image>
		</view>
		<view class="DetailsXieYitwo" v-if="list.statustwo == 1 && status == 1">
			<view :class="agree_type?'backRed':''" @click="agree_type = !agree_type"></view>
			同意自动扣费协议，到期自动扣费
			<image src="https://www.kmdj2018.com/Uploads/zfb/wenhao.png" mode="aspectFit"></image>与
			<text @click="getnav('/pages/etailedArticle/etailedArticle','租赁服务协议')">《租赁服务协议》</text>
			和
			<text @click="getnav('/pages/etailedArticle/etailedArticle','隐私协议')">《隐私政策》</text>
		</view>
		<!-- -->
		<view class="DetailsBut" v-if="status == 1">
			<!-- 待支付 -->
			<view class="DetailsButF">
				<view class="DetailsButFleft" v-if="list.statustwo == 1">
					总价：
					<text>￥{{parseFloat(dit)>=parseFloat(list.goods.dit)?parseFloat(list.goods.dan_price*list.goods.zuday*list.num):parseFloat(list.goods.dan_price*list.goods.zuday*list.num)+parseFloat(list.deposit)}}</text>
				</view>
				<view class="DetailsButFleft" v-if="list.statustwo == 2">
					总价： <text>￥{{parseFloat(list.goods.zong_price*list.num)}}</text>
				</view>
				<view class="DetailsButFleft" v-if="list.statustwo == 3">
					总价：
					<text>￥{{parseFloat(dit)>=parseFloat(list.goods.dit)?parseFloat(list.goods.price*value*list.num):parseFloat(list.goods.price*value*list.num)+parseFloat(list.deposit)}}</text>
				</view>
				<view class="DetailsButFright" v-if="status == 1 && list.statustwo == 2">
					<button class="DetailsButFrightq" @click="getthree">取消订单</button>
					<button class="DetailsButFrightz" @click="getPay">立即支付</button>
				</view>
				<view class="DetailsButFright" v-if="status == 1 && list.statustwo == 3">
					<!-- <button class="DetailsButFrightz" @click="getht">签署合同</button> -->
					<button class="DetailsButFrightz" @click="GetNewPay">立即支付</button>
				</view>
			</view>
		</view>
		<view class="DetailsBut" v-if="status == 2" style="margin-top: 20rpx;">
			<!-- 待发货 -->
			<view class="DetailsButF">
				<view class="DetailsButFleft">
				</view>
				<view class="DetailsButFright">
					<button class="DetailsButFrightz"
						@click="getnav('/pages/applyForRefund/applyForRefund',list.id)">申请退款</button>
				</view>
			</view>
		</view>
		<view class="DetailsBut" v-if="status == 4" style="margin-top: 20rpx;">
			<!-- 申请退款 -->
			<view class="DetailsButF">
				<view class="DetailsButFleft">
				</view>
				<view class="DetailsButFright">
					<button class="DetailsButFrightz"
						@click="getnav('/pages/toExamine/toExamine',list.id)">退款进度</button>
				</view>
			</view>
		</view>
		<view class="DetailsBut" v-if="status == 5" style="margin-top: 20rpx;">
			<!-- 订单结束 -->
			<view class="DetailsButF">
				<view class="DetailsButFleft">
				</view>
				<view class="DetailsButFright">
					<button class="DetailsButFrightz"
						@click="getnav('/pages/toChenggong/toChenggong',list.id)">退款详情</button>
				</view>
			</view>
		</view>
		<view class="DetailsBut" v-if="status == 6" style="margin-top: 20rpx;">
			<!-- 退款失败 -->
			<view class="DetailsButF">
				<view class="DetailsButFleft">
				</view>
				<view class="DetailsButFright">
					<button class="DetailsButFrightq" style="width: 270rpx;"
						@click="getnav('/pages/consult/consult',list.id)">查看协商历史</button>
					<button class="DetailsButFrightz"
						@click="getnav('/pages/applyForRefund/applyForRefund',list.id)">申请退款</button>
				</view>
			</view>
		</view>
		<view class="DetailsBut" v-if="status == 3 && list.statustwo != 2  && yuqilist.length>0"
			style="margin-top: 20rpx;">
			<!-- 使用中 -->
			<view class="DetailsButF">
				<view class="DetailsButFleft">
				</view>
				<view class="DetailsButFright">
					<button class="DetailsButFrightz" @click="getPayYue">立即支付</button>
				</view>
			</view>
		</view>
		<view class="DetailsBut" v-if="status == -1" style="margin-top: 20rpx;">
			<!-- 已取消 -->
			<view class="DetailsButF">
				<view class="DetailsButFleft">
				</view>
				<view class="DetailsButFright">
					<button class="DetailsButFrightz" @click="getOneOrder">再来一单</button>
				</view>
			</view>
		</view>
		<view class="DetailsBut" v-if="list.kuaidi_num && status != -1" style="margin-top: 20rpx;">
			<!-- 已取消 -->
			<view class="DetailsButF">
				<view class="DetailsButFleft">
				</view>
				<view class="DetailsButFright">
					<button class="DetailsButFrightz" @click="getwuliu(list.id)">查看物流</button>
				</view>
			</view>
		</view>

		<pop ref="popone" direction="center" :is_close="true" :is_mask="true" :width="660" height="fit-content"
			:maskFun="true">
			<view class="tuikuan">
				<view class="tuikuantop">
					很抱歉，您的订单退款失败！
				</view>
				<view class="tuikuanF">
					<view>商家拒绝原因：</view>
					<view>{{list.jutui_content}}</view>
				</view>
			</view>
		</pop>
		<pop ref="poptwo" direction="center" :is_close="false" :is_mask="true" :width="660" height="fit-content"
			:maskFun="true">
			<view class="tuikuan">
				<view class="tuikuantop">
					查看取货码
				</view>
				<view class="tuikuantext">
					您的取货码为：{{list.code}}
				</view>
				<view class="tuikuanbutton">
					<button @click="$refs.poptwo.close()">确定</button>
				</view>
			</view>
		</pop>
		<pop ref="popthree" direction="center" :is_close="false" :is_mask="true" :width="660" height="fit-content"
			:maskFun="true">
			<iSpop text="是否确定取消订单？" left="确定" right="再想想" @clickleft="getcancel" @clickright="$refs.popthree.close()">
			</iSpop>
		</pop>

	</view>
</template>

<script>
	import pop from "@/components/ming-pop/ming-pop.vue";
	import iSpop from "@/components/iSpop/iSpop.vue";
	export default {
		data() {
			return {
				title: '待支付',
				phone: '',
				value: 5,
				dit: 0,
				status: 1, // 1 待支付  2 待发货  3 使用中  7 订单结束  -1 已取消
				list: {
					goods: {
						small_day: '',
					},
					statustwo: 1
				},
				agree_type: false,
				yuqilist: [],
				fulist: [],
				addresList: [],
				Oid: '',
				order_type: '',
			};
		},
		components: {
			pop,
			iSpop
		},
		onLoad(e) {
			if (e.data) {
				this.init(e.data)
				this.Oid = e.data
			} else {
				this.init(52)
			}
		},
		onShow() {
			this.init(this.Oid)
		},
		methods: {
			getordertab(type) {
				if (this.list.status == 1) {
					this.order_type = type
				}
			},
			getwuliu(id) {
				console.log(id);
				this.getnav('/pages/logistics/logistics', id)
			},
			getPayYue() {
				this.$request("Pay/ZFByuqi", {
					data: {
						orderno: this.list.orderno
					},
					isLoad: false
				}).then(res => {
					this.init(this.list.id)
				})
			},
			getPay() {
				if (!this.agree_type && this.list.statustwo != 2) {
					this.gettoast("请勾选自动扣费协议")
					return
				}
				if (this.list.statustwo == 1) {
					this.$request("Pay/ZFByushouquan", {
						data: {
							orderno: this.list.orderno
						},
						isLoad: false
					}).then(res => {
						my.tradePay({
							// 调用资金冻结接口（alipay.fund.auth.order.app.freeze），获取支付宝预授权参数
							orderStr: res.result,
							success: (res1) => {
								if (res1.resultCode == 9000) {
									this.gettoast("支付成功")
									this.$request("Pay/ZFBzhifu", {
										data: {
											orderno: this.list.orderno
										},
										isLoad: false
									}).then(res => {
										// Pay/ZFBzhifu
										this.init(this.list.id)
									})
								}
							},
							fail: (res) => {
								this.gettoast("支付失败")
							}
						});
					})
				} else if (this.list.statustwo == 2) {
					this.$request("Pay/ZFByushouquan", {
						data: {
							orderno: this.list.orderno
						},
						isLoad: false
					}).then(res => {
						my.tradePay({
							// 调用资金冻结接口（alipay.fund.auth.order.app.freeze），获取支付宝预授权参数
							orderStr: res.result,
							success: (res1) => {
								if (res1.resultCode == 9000) {
									this.gettoast("支付成功")
									this.$request("Pay/ZFBzhifu", {
										data: {
											orderno: this.list.orderno
										},
										isLoad: false
									}).then(res => {
										// Pay/ZFBzhifu
										this.init(this.list.id)
									})
								}
							},
							fail: (res) => {
								this.gettoast("支付失败")
							}
						});
					})
				} else if (this.list.statustwo == 3) {
					this.$request("Pay/ZFByushouquan", {
						data: {
							orderno: this.list.orderno
						},
						isLoad: false
					}).then(res => {
						my.tradePay({
							// 调用资金冻结接口（alipay.fund.auth.order.app.freeze），获取支付宝预授权参数
							orderStr: res.result,
							success: (res1) => {
								if (res1.resultCode == 9000) {
									this.gettoast("支付成功")
									this.$request("Pay/ZFBzhifu", {
										data: {
											orderno: this.list.orderno
										},
										isLoad: false
									}).then(res => {
										// Pay/ZFBzhifu
										this.init(this.list.id)
									})
								}
							},
							fail: (res) => {
								this.gettoast("支付失败")
							}
						});
					})
				}
			},
			getOneOrder() {
				let data = {}
				data = this.list.goods
				data.num = this.list.num
				data.statusTwo = this.list.statustwo
				data.value = parseFloat(this.list.periods)
				data.shop = this.list.shop
				this.getnav('/pages/confirmOrderO/confirmOrderO', JSON.stringify(data))
			},
			init(data) {
				this.$request("User/index", {
					data: {

					},
					isLoad: false
				}).then(res => {
					this.dit = res.result.dit
				})
				this.$request("Order/FindOrder", {
					data: {
						id: data
					},
					isLoad: false
				}).then(res => {
					this.list = res.result
					this.status = res.result.status
					this.value = parseFloat(res.result.periods)
					this.title = this.getorder(res.result.status)
					this.phone = res.result.tuijian_phone
					this.order_type = res.result.order_type //暂时   等于  1
					this.yuqilist = res.result.order_price.filter(item => {
						return item.status == 3
					})
					this.fulist = res.result.order_price.filter(item => {
						return item.status == 2
					})
					setTimeout(() => {
						uni.setNavigationBarTitle({
							title: this.title
						});
						if (this.status == 6) {
							// 判断是否审核拒绝  是的话  弹出
							this.$refs.popone.show()
						}
					}, 200)
				})
			},
			handleCountClick(val) {
				console.log("数量", val)
				this.value = val
			},
			getpoptwo() {
				this.$refs.poptwo.show();
			},
			getthree() {
				this.$refs.popthree.show();
			},
			getcancel() {
				this.$request("Order/QUxiaoOrders", {
					data: {
						id: this.list.id
					},
					isLoad: false
				}).then(res => {
					this.init(this.list.id)
					this.$refs.popthree.close()
				})
			},
			//租赁宝分期  立即支付
			async GetNewPay() {
				// 第一个
				await this.$request("Baofile/ContractFileAdd", {
					data: {
						order_id: this.list.id
					},
					isLoad: false
				}).then(res => {

				})
				// 第二个
				await this.$request("Baofile/CreateProcess", {
					data: {
						order_id: this.list.id
					},
					isLoad: false
				}).then(res => {

				})
				// 第三个
				await this.$request("Baofile/ContractDocument", {
					data: {
						order_id: this.list.id
					},
					isLoad: false
				}).then(res => {

				})
				// 第四个
				await this.$request("Baofile/HandsignfieldCreate", {
					data: {
						order_id: this.list.id
					},
					isLoad: false
				}).then(res => {

				})
				// 第五个
				await this.$request("Baofile/FlowStart", {
					data: {
						order_id: this.list.id
					},
					isLoad: false
				}).then(res => {

				})
				// 第六个
				await this.$request("Baofile/SignurlGet", {
					data: {
						order_id: this.list.id
					},
					isLoad: false
				}).then(res => {
					console.log(res.url);
					my.call('startApp', {
						scheme: res.url
					})
					// uni.navigateTo({
					// 	url: `/pages/byStages/byStages?url=${res.url}`
					// })
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.Details {
		padding-bottom: 130rpx;
	}

	.DetailsShop {
		background-color: #fff;
		padding: 32rpx 0;

		.shopJia {
			background-color: #fff;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 32rpx;
			margin-top: 30rpx;

			.shopJiaLeft {
				width: 100%;

				>view {
					display: flex;
					align-items: center;

					image {
						width: 44rpx;
						height: 44rpx;
						margin-right: 16rpx;
					}

					text {
						font-size: 28rpx;
						color: #323233;
					}
				}

				>view:first-child {
					margin-bottom: 20rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;

					>view {
						display: flex;
						align-items: center;

						image {
							width: 44rpx;
							height: 44rpx;
							margin-right: 16rpx;
						}

						text {
							font-size: 28rpx;
							color: #323233;
						}
					}

					text {
						font-weight: bold;
					}

					>text:nth-child(2) {
						color: #1078FF;
						border-radius: 100rpx;
						border: 1rpx solid #1078FF;
						padding: 14rpx 24rpx;
					}
				}

				>view:last-child {
					margin-top: 20rpx;
				}
			}

			.shopJiaRight {
				image {
					width: 48rpx;
					height: 48rpx;
				}
			}
		}

		.DetailsShopTop {
			display: flex;
			align-items: center;
			margin-bottom: 48rpx;
			padding: 0 32rpx;

			.DetailsShopTopLeft {
				image {
					width: 160rpx;
					height: 160rpx;
					border-radius: 16rpx;
				}
			}

			.DetailsShopTopRight {
				margin-left: 32rpx;

				>view:nth-child(1) {
					font-size: 32rpx;
					font-weight: bold;
					color: #323233;
					margin-bottom: 24rpx;
				}

				>view:nth-child(2) {
					font-size: 24rpx;
					color: #323233;
					margin-bottom: 24rpx;
				}

				>view:nth-child(3) {
					font-size: 24rpx;
					color: #323233;
				}
			}
		}
	}

	.DetailsTime {
		background-color: #fff;
		margin-top: 20rpx;
		padding: 32rpx;

		.DetailsTimeTiele {
			font-size: 32rpx;
			font-weight: bold;
		}

		.DetailsTimePrice {
			font-size: 28rpx;
			margin-top: 32rpx;

			>text {
				color: #F23D0E;
				font-weight: bold;
			}
		}

		.DetailsTimeNum {
			margin-top: 32rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			>view:first-child {
				color: #323233;
				font-size: 28rpx;

				>text {
					margin: 0 10rpx;
					color: #707070;
				}
			}

			>view:last-child {}
		}
	}

	.DetailsYa {
		background-color: #fff;
		margin-top: 20rpx;
		padding: 32rpx;

		.DetailsYaTiele {
			display: flex;
			align-items: center;
			font-size: 32rpx;
			font-weight: bold;
			justify-content: space-between;

			image {
				width: 28rpx;
				height: 28rpx;
				margin-left: 16rpx;
			}

			>.DetailsYaTielecolor {
				color: #1078FF;
				font-size: 28rpx;
			}
		}

		.DetailsYaFlex {
			margin-top: 34rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			>view {
				display: flex;
				align-items: center;
				font-size: 28rpx;

				image {
					width: 30rpx;
					height: 36rpx;
					margin-right: 12rpx;
				}
			}

			>view:last-child {
				font-weight: bold;
			}
		}
	}

	.DetailsFei {
		background-color: #fff;
		margin-top: 20rpx;
		padding: 32rpx;

		.DetailsFeiTiele {
			font-size: 32rpx;
			font-weight: bold;
		}

		.DetailsFeiFlex {
			margin-top: 34rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			>view {
				font-size: 28rpx;
			}

			>view:last-child {
				font-weight: bold;
			}
		}
	}

	.DetailsFeiStatus2 {
		background-color: #fff;
		margin-top: 20rpx;
		padding: 32rpx;

		.DetailsFeiStatus2Tiele {
			display: flex;
			justify-content: space-between;
			border-bottom: 1rpx solid #E6E7EB;

			>view:first-child {
				>view:first-child {
					font-weight: bold;
					color: #323233;
					font-size: 32rpx;
					margin-bottom: 30rpx;
				}

				>view:last-child {
					font-size: 28rpx;
					color: #999999;
					padding-bottom: 32rpx;
				}
			}

			>view:last-child {
				color: #F23D0E;
				font-weight: bold;
			}
		}

		.DetailsFeiStatus2Flex {
			margin-top: 34rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			>view {
				font-size: 28rpx;
			}

			>view:last-child {
				font-weight: bold;
			}
		}
	}

	.DetailsFeiStatus3 {
		background-color: #fff;
		margin-top: 20rpx;
		padding: 32rpx;

		.DetailsFeiStatus3Tiele {
			display: flex;
			justify-content: space-between;
			border-bottom: 1rpx solid #E6E7EB;

			>view:first-child {
				>view:first-child {
					font-weight: bold;
					color: #323233;
					font-size: 32rpx;
					margin-bottom: 30rpx;
				}

				>view:last-child {
					font-size: 28rpx;
					color: #999999;
					padding-bottom: 32rpx;
				}
			}

			>view:last-child {
				color: #F23D0E;
				font-weight: bold;
			}
		}

		.DetailsFeiStatus3for {
			border-bottom: 1rpx solid #E6E7EB;
			padding-top: 32rpx;

			>view:first-child {
				font-weight: bold;
				color: #323233;
				font-size: 32rpx;
				margin-bottom: 30rpx;
			}

			.DetailsFeiStatus3forf {
				display: flex;
				margin-bottom: 30rpx;
				justify-content: space-between;

				>view:first-child {
					color: #323233;
					font-size: 28rpx;

					>text {
						margin-left: 40rpx;
						font-weight: bold;
						color: #333333;
						font-size: 28rpx;
					}
				}

				>view:last-child {
					font-size: 28rpx;
					color: #F23D0E;
					font-weight: bold;
				}
			}

			.DetailsFeiStatus3fort {
				color: #323233;
				font-size: 28rpx;
				margin-bottom: 30rpx;

				>text {
					margin-left: 40rpx;
					font-weight: bold;
					color: #333333;
					font-size: 28rpx;
				}
			}
		}

		.DetailsFeiStatus3Flex {
			margin-top: 34rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			>view {
				font-size: 28rpx;
			}

			>view:last-child {
				font-weight: bold;
			}
		}
	}

	.DetailsB {
		background-color: #fff;
		margin-top: 20rpx;
		padding: 32rpx;

		.DetailsBFlex {
			margin-top: 34rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			>view {

				font-size: 28rpx;
			}

			>view:last-child {

				font-weight: bold;
			}
		}

		.DetailsBFlex:nth-child(1) {
			margin-top: 0;
		}
	}

	.fontW {
		font-weight: bold;
	}

	.DetailsPhone {
		background-color: #fff;
		margin-top: 20rpx;
		padding: 32rpx;

		.DetailsPhoneTiele {
			font-size: 32rpx;
			font-weight: bold;
		}

		.DetailsPhoneInput {
			margin-top: 34rpx;
			border-bottom: 1rpx solid #E6E7EB;
		}
	}

	.colorRed {
		border-top: 1rpx solid #E6E7EB;
		padding-top: 34rpx;
		margin-top: 0rpx;

		>view:last-child {
			color: #F23D0E;
		}
	}

	.backRed {
		width: 24rpx;
		height: 24rpx;
		background-color: #F7BC1C;
		border-radius: 100rpx;
		margin-right: 12rpx;
		border: none !important;
	}

	.DetailsXieYi {
		display: flex;
		align-items: center;
		font-size: 24rpx;
		color: #323233;
		padding: 0 32rpx;
		margin: 42rpx 0 42rpx 0;

		>text {
			font-size: 24rpx;
			color: #F7BC1C;
		}

		>view {
			width: 24rpx;
			height: 24rpx;
			border: 1rpx solid #666666;
			border-radius: 100rpx;
			margin-right: 12rpx;
		}

		>image {
			width: 28rpx;
			height: 28rpx;
			margin-left: 12rpx;
		}
	}

	.DetailsXieYitwo {
		// display: flex;
		align-items: center;
		font-size: 24rpx;
		color: #323233;
		padding: 0 32rpx;
		margin: 42rpx 0 42rpx 0;
		line-height: 40rpx;

		>text {
			font-size: 24rpx;
			color: #F7BC1C;
		}

		>view {
			width: 24rpx;
			height: 24rpx;
			border: 1rpx solid #666666;
			border-radius: 100rpx;
			margin-right: 12rpx;
			display: inline-block;
			margin-bottom: -4rpx;
		}

		>image {
			width: 28rpx;
			height: 28rpx;
			margin-left: 12rpx;
		}
	}

	.DetailsBut {
		width: 100%;
		height: 120rpx;
		background-color: #fff;
		position: fixed;
		bottom: 0;

		.DetailsButF {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 20rpx 38rpx;

			.DetailsButFleft {
				font-size: 28rpx;
				color: #323233;

				>text {
					font-size: 40rpx;
					color: #F23D0E;
					font-weight: bold;
				}
			}

			.DetailsButFright {
				>button {
					display: inline-block;
				}

				.DetailsButFrightq {
					width: 188rpx;
					height: 72rpx;
					line-height: 72rpx;
					color: #323233;
					font-size: 32rpx;
					font-weight: bold;
					border-radius: 100rpx;
					border: 1rpx solid #333333;
				}

				.DetailsButFrightz {
					background-color: #F7BC1C;
					width: 188rpx;
					height: 72rpx;
					line-height: 72rpx;
					color: #323233;
					font-size: 32rpx;
					font-weight: bold;
					margin-left: 20rpx;
					border-radius: 100rpx;
				}
			}
		}
	}

	.tuikuan {
		.tuikuantop {
			text-align: center;
			font-size: 32rpx;
			color: #323233;
			font-weight: bold;
		}

		.tuikuanF {
			margin-top: 40rpx;
			min-height: 146rpx;
			border-radius: 8rpx;
			padding: 26rpx 12rpx;
			background-color: #F5F6FA;
			display: flex;

			>view {
				font-weight: bold;
				font-size: 28rpx;
				color: #323233;
			}

			>view:first-child {
				width: 220rpx;
				// border: 1rpx solid red;
			}
		}

		.tuikuantext {
			text-align: center;
			font-weight: bold;
			font-size: 28rpx;
			color: #323233;
			margin: 40rpx 0 60rpx 0;
		}

		.tuikuanbutton {
			button {
				margin: 0 auto;
				background-color: #F7BC1C;
				line-height: 72rpx;
				height: 72rpx;
				width: 220rpx;
				border-radius: 100rpx;
				font-size: 28rpx;
				color: #333333;
				font-weight: bold;
			}
		}
	}

	.tabaddd_address {

		.tabaddd_address_null {
			display: flex;
			background-color: #fff;
			align-items: center;
			padding: 70rpx 32rpx;

			.tabaddd_address_null_img {
				flex: 1;

				image {
					width: 42rpx;
					height: 42rpx;
				}
			}

			.tabaddd_address_null_text {
				flex: 8;
				font-size: 28rpx;
				color: #323233;
				font-weight: 600;

				text {
					font-size: 28rpx;
					color: #999999;
				}
			}
		}

		.tabaddd_address_res {
			display: flex;
			background-color: #fff;
			align-items: center;
			padding: 0 32rpx;

			.tabaddd_address_null_img {
				flex: 1;

				image {
					width: 42rpx;
					height: 42rpx;
				}
			}

			.tabaddd_address_null_text {
				flex: 8;

				.addlisttop {
					padding: 32rpx 0;

					.addlisttop_text {
						.addlisttop_left {
							display: inline-block;
							font-size: 28rpx;
							width: 200rpx;
							color: #323233;
						}

						.addlisttop_right {
							display: inline-block;
							font-size: 28rpx;
							color: #323233;
						}
					}

					.addlisttop_address {
						font-size: 28rpx;
						color: #323233;
						margin-top: 15rpx;
					}

				}
			}

		}
	}

	.tabaddd_top {
		display: flex;
		line-height: 92rpx;
		height: 92rpx;
		text-align: center;

		text {
			font-size: 32rpx;
			font-weight: 600;
			width: 50%;
			background-color: #FFF2CE;
			color: #F7BC1C;
		}

		.textColor {
			background-color: #F7BC1C;
			color: #fff;
		}
	}

	.allinfo {
		margin-top: 20rpx;
		background-color: #fff;
		padding: 0 30rpx 20rpx 30rpx;

		.allinfo_title {
			font-size: 32rpx;
			font-weight: bold;
			padding: 20rpx 0;
		}

		.allinfo_for {
			font-size: 28rpx;
			border-bottom: 1rpx solid #d3d3d3;
			margin-bottom: 20rpx;

			input {
				font-size: 28rpx;
			}
		}

		.allinfo_imgfor {
			font-size: 28rpx;
			border-bottom: 1rpx solid #d3d3d3;
			margin-bottom: 20rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 20rpx 0;

			image {
				width: 100rpx;
				height: 50rpx;
			}
		}
	}
</style>
